<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title><%= Title %></title>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="<%- Virtual_Path.Static %>common/css/common.css">
    <link rel="stylesheet" type="text/css" media="screen" href="<%- Virtual_Path.Static %>common/css/animate.min.css">
    <!-- bootstrap -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>aceadmin/css/bootstrap.min.css"/>
    <!-- font -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>common/font/google_opensans_v10/font.css">
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>common/font/font-awesome-4.7.0/css/font-awesome.min.css">
    <!-- ace settings handler -->
    <script src="<%- Virtual_Path.Static %>aceadmin/js/ace-extra.min.js"></script>
    <!-- basic scripts -->
    <script type="text/javascript">
        window.jQuery || document.write("<script src='<%- Virtual_Path.Static %>jquery/jquery-2.1.4.min.js'>" + "<" + "/script>");
    </script>
    <script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='<%- Virtual_Path.Static %>aceadmin/js/jquery.mobile.custom.js'>" + "<" + "/script>");
    </script>
    <!-- lodash -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/lodash/lodash.min.js"></script>
    <!-- moment -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/moment/moment.min.js"></script>
    <!-- JQuery.Easing -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/easing/jquery.easing.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/easing/jquery.easing.compatibility.js"></script>
    <!-- JQuery.Easypiechart -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/easypiechart/jquery.easypiechart.min.js"></script>
    <!-- JQuery.Colorbox -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/colorbox/colorbox.min.css"/>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/colorbox/colorbox.custom.css"/>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/colorbox/jquery.colorbox-min.js"></script>
    <!-- JQuery.Plugin.Select2 -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/select2/select2.min.css"/>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/select2/select2.full.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/select2/select2_locale_zh-CN.js"></script>
    <!-- JQuery.Form -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/form/jquery.form.min.js"></script>
    <!-- JQuery.Validate -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/validate/jquery.validate.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/validate/jquery.validate.extend.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/validate/additional-methods.min.js"></script>
    <!-- JQuery.MaskedInput -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/maskedinput/jquery.maskedinput.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/maskedinput/jquery.maskedinput.custom.js"></script>
    <!-- flavr -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/flavr/flavr.min.js"></script>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/flavr/flavr.css"/>
    <!-- koc -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/koc/koc.min.js"></script>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/koc/koc.css"/>
    <!-- bootstrap -->
    <script src="<%- Virtual_Path.Static %>aceadmin/js/bootstrap.min.js"></script>
    <!-- JQuery.Plugin.Bootstrap.DatetimePicker -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin.bootstrap/datetimepicker/css/bootstrap-datetimepicker.min.css"/>
    <script src="<%- Virtual_Path.Static %>jquery.plugin.bootstrap/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin.bootstrap/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <!-- bootstrap-select -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin.bootstrap/select/bootstrap-select.min.js"></script>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin.bootstrap/select/bootstrap-select.min.css"/>
    <!-- ace styles class="ace-main-stylesheet id="main-ace-style" -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>aceadmin/css/ace.min.css"/>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>aceadmin/css/ace.custom.css"/>
    <!-- Admin Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="<%- Virtual_Path.Static %>admin/css/common.css">
    <!-- PageScript -->
    <script><%- PageScript %></script>
</head>

<body class="no-skin">
<!-- #section:basics/navbar.layout -->
<div class="navbar navbar-default">
    <div class="navbar-container" id="navbar-container">
        <!-- #section:basics/sidebar.mobile.toggle -->
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
            <span class="sr-only">Toggle sidebar</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <!-- /section:basics/sidebar.mobile.toggle -->
        <div class="navbar-header pull-left">
            <!-- #section:basics/navbar.layout.brand -->
            <a href="/" class="navbar-brand">
                <small>
                    <i class="fa fa-cogs"></i>
                    <%- SystemName %>
                </small>
            </a>
            <!-- /section:basics/navbar.layout.brand -->
        </div>

        <!-- #section:basics/navbar.dropdown -->
        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <li class="light-blue">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" ImageBind="UserAvatar" ImageBind-Size="54.54"/>
                        <span class="user-info"></span>
                        <i class="ace-icon fa fa-caret-down"></i>
                    </a>
                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <!--<li>-->
                            <!--<a id="NavbarUser_Password" href="javascript:;">-->
                                <!--<i class="ace-icon fa fa-lock"></i>-->
                                <!--修改登录密码-->
                            <!--</a>-->
                        <!--</li>-->
                        <li>
                           <span id="Admin_NickName"></span>
                        </li>
                        <li>
                            <a id="NavbarUser_Logout" href="javascript:;">
                                <i class="ace-icon fa fa-power-off"></i>
                                退出/重登录
                            </a>
                        </li>
                    </ul>
                </li>
                <!-- /section:basics/navbar.user_menu -->
            </ul>
        </div>
        <!-- /section:basics/navbar.dropdown -->
    </div>
    <!-- /.navbar-container -->
</div>

<div class="main-container">
    <!-- #section:basics/sidebar -->
    <div class="sidebar responsive">
        <div class="sidebar-shortcuts">
            <span id="CurrentDate"></span>
            <!--<div class="sidebar-shortcuts-large">-->
            <!--<button class="btn btn-success">-->
            <!--<i class="ace-icon fa fa-signal"></i>-->
            <!--</button>-->
            <!--<button class="btn btn-info">-->
            <!--<i class="ace-icon fa fa-pencil"></i>-->
            <!--</button>-->
            <!--<button class="btn btn-warning">-->
            <!--<i class="ace-icon fa fa-users"></i>-->
            <!--</button>-->
            <!--<button class="btn btn-danger">-->
            <!--<i class="ace-icon fa fa-cogs"></i>-->
            <!--</button>-->
            <!--</div>-->
            <!--<div class="sidebar-shortcuts-mini">-->
            <!--<span class="btn btn-success"></span>-->

            <!--<span class="btn btn-info"></span>-->

            <!--<span class="btn btn-warning"></span>-->

            <!--<span class="btn btn-danger"></span>-->
            <!--</div>-->
        </div>

        <ul class="nav nav-list">
            <%- MenuLeft %>
        </ul>
        <!-- /.nav-list -->

        <!-- #section:basics/sidebar.layout.minimize -->
        <div class="sidebar-toggle sidebar-collapse">
            <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left"
               data-icon2="ace-icon fa fa-angle-double-right"></i>
        </div>
        <!-- /section:basics/sidebar.layout.minimize -->

    </div>

    <!-- /section:basics/sidebar -->
    <div class="main-content">
        <div class="main-content-inner">
            <div class="sidebar h-sidebar">
                <ul class="nav nav-list">
                    <%- MenuTop %>
                </ul>
            </div>
            <div class="page-content">
                <%- Content %>
            </div>
        </div>
    </div>
    <!-- /.main-content -->

    <a href="javascript:;" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div>
<script type="text/javascript">
    try {
        ace.settings.check('sidebar', 'collapsed')
    } catch (e) {
    }
</script>
<!-- /.main-container -->

<!-- ace scripts -->
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.scroller.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.colorpicker.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.fileinput.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.typeahead.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.wysiwyg.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.spinner.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.wizard.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/elements.aside.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.ajax-content.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.touch-drag.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.sidebar.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.sidebar-scroll-1.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.submenu-hover.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.widget-box.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.settings.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.settings-rtl.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.settings-skin.js"></script>
<script src="<%- Virtual_Path.Static %>aceadmin/js/ace/ace.widget-on-reload.js"></script>

<!-- COMMON JS FILE -->
<script src="/js/common.js"></script>
<script src="/js/common.admins.js"></script>
<script>
    $(function () {
        $('#Admin_NickName').html('昵称：'+_StateData.NickName);
        $.CommonAdmin.PageInit();
        $('#NavbarUser_Logout').on('click',function () {

            $.CommonAdmin.Logout();
        })
    });
</script>

</body>
</html>